@charset "utf-8";
/*footer*/
.footer-links{padding: 17px 0; background: #ebebeb;}
.footer-links .hd{height: 38px;}
/* .footer-links .hd ul{margin: 0 -10px;} */
.footer-links .hd ul li{float: left; width: 16.666667%; text-align: center;}
.footer-links .hd ul li a{position: relative; z-index:5; display:inline-block; padding-right: 25px; color:#666666; height:36px; text-align: center; line-height: 36px;}
.footer-links .hd ul li.hs a:before{content: ''; position: absolute; right:0; top: 50%; margin-top: -4px; width: 14px; height: 8px; background: url(../2021images/icon_links.png) no-repeat; opacity: .2; -webkit-transition:300ms; transition:300ms;}
.footer-links .hd ul li.on a{color: #000;}
.footer-links .hd ul li.on a:before{transform: rotate(-180deg); opacity: .8;}
.footer-links .bd ul{padding:15px 0; overflow: hidden; display: none;}
.footer-links .bd ul li{float: left; width: 20%;}
.footer-links .bd ul li h4{padding:5px 0; font-size:.9375em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
.footer-links .bd ul li a{color:#666; float:left; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.footer-links .bd ul li a:hover{color: #333;}
.footer{padding:30px 0; background: #efefef; color: #666666; line-height: 36px;}
.footer a{color: #666666;}
.footer a:hover{color: #333;}
.footer .line{position: relative; min-height: 135px;}
.footer .line:before,
.footer .liner:after{content: ''; position: absolute; width: 1px; top: 0; bottom: 0; background: #e2e2e2;}
.footer .liner:after{left:auto; right: 0;}
.footer .row{position: relative;}
.footer .col{float: left; width: 31%;}
.footer .inPad{padding-top: 10px;}
.footer .footer-wzbs{position:absolute; left: 38px; top: 0; bottom: 0; margin: auto 0;}
.footer .footer-wzbs img{vertical-align: middle;}
.footer .footer-nav{width: 38%;}
.footer .footer-nav .inPad{padding-left:230px;}
.footer .footer-nav i{font-style: normal; margin: 0 10px; opacity: .6;}
.footer .footer-contact .inPad,
.footer .footer-copyright .inPad{padding-left:20%;}
#imgConac{height: 60px;}
#_span_jiucuo img{height: 40px;}
.footer .footer-wzbs .slh_wza{display: block; text-align: center;}
.footer .footer-wzbs .slh_wza img{height: 67px !important;}

@media (max-width: 1260px) {
	
	.footer-links .hd ul li{float: left; width: 16.666667%; }
	.footer-links .hd ul li a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 80%;}
	.footer .col{width: 33.3333%;}
	.footer .footer-nav .inPad{padding-left: 20%;}
	.footer .footer-wzbs{position: static; clear: both; margin: 0 auto; padding-top: 20px; text-align: center; height: auto;}
	.footer .footer-wzbs img{height: auto !important; margin: 0 10px;}
	.footer .footer-wzbs .slh_wza{display: inline;}
	.footer .footer-wzbs .slh_wza img{height: 60px !important;}

}




@media (max-width: 1023px) {
	.footer-links .hd{height: auto;}
	.footer-links .hd ul li, .footer-links .bd ul li{width: 33.3333%;}
	.footer-links .hd ul li span{display: block; width: 180px; margin: 0 auto;}
	.footer-links .hd ul li a{max-width: none; display: block; text-align: left;}
	.footer-links .hd ul li a:before{right: 0;}

}

@media (max-width: 992px) {
	
	
}

@media (max-width: 991px) {

}

@media (max-width: 860px) {
	.footer .col{float: none; width: 100%; padding: 5px 0; text-align: center; min-height: auto; line-height: 24px;}
	.footer .col .inPad{padding: 0;}
	.footer .line:before, .footer .liner:after{display: none;}
	.footer .col br{display: none;}
}


/* xs mobile*/
@media (max-width: 768px) {


}


@media (max-width: 767px) {

}


@media (max-width: 640px) {
	.footer-links .hd ul li, .footer-links .bd ul li{width:50%;}
	.footer-links .hd ul li span{margin:0;}



}


@media (max-width: 480px) {

	
}

@media (max-width: 414px) {
	.footer-links .hd .container{margin-left: 0; margin-right: 0;}
	.footer-links .hd ul li{width: 100%;}
	.footer-links .hd ul li a{margin: 0 15px;}
	.footer-links .hd ul li span{width: 100%;}
	.footer-links .bd ul li{width:100%;}
	.footer-links .hd ul li.on span{background: #d9d9d9;}
	.footer-links .bd{background: #d9d9d9;}


}

@media (max-width: 320px) {
	
}